<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header>
    <meta charset=utf-8"UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>自动计算绩点</title>
    <link rel="stylesheet" th:href="@{/bootstrap.min.css}">
    <style>
        .xiaoacao_footer{
            height: 30px;
            line-height: 35px;
            position: fixed;
            bottom: 0;
            width: 100%;
            text-align: center;
            background-color: darkslategrey;
            color: #fff;
            font-family: Arial;
            font-size: 14px;
            letter-spacing: 1px;
        }
        .xiaoacao_footer a {
            text-decoration: none;
        }
        .xiaoacao_footer a:link {
            text-decoration: none;
        }
        .xiaoacao_footer a:visited {
            text-decoration: none;
        }
        .xiaoacao_footer a:hover {
            text-decoration: none;
        }
        .xiaoacao_footer a:active {
            text-decoration: none;
        }
        .xiaoacao_footer a:focus {
            text-decoration: none;
        }
    </style>
</header>
<body>
<center>
    <h2 style="margin-top: 10px;">绩点如下</h2>
    <div th:utext="${html}" th:fragment="visit" id="visit" style="margin-left: 5vw;margin-right: 5vw"></div>
    <br>
    <br>
    <form id="loginForm" name="loginForm" th:action="@{~/api/co}" method="post">
        <input type="hidden" name="oldCookie" th:value="${oldCookie}">
        <select id="kksj" name="kksj" style="width: 190px;">
            <option value="">全部学期</option>
            <option value="xuanxiu">所修选修</option>
            <option value="2024-2025">2024-2025</option>
            <option value="2024-2025-2">2024-2025-2</option>
            <option value="2024-2025-1">2024-2025-1</option>
            <option value="2023-2024">2023-2024</option>
            <option value="2023-2024-2">2023-2024-2</option>
            <option value="2023-2024-1">2023-2024-1</option>
            <option value="2022-2023" selected="">2022-2023</option>
            <option value="2022-2023-2">2022-2023-2</option>
            <option value="2022-2023-1">2022-2023-1</option>
            <option value="2021-2022">2021-2022</option>
            <option value="2021-2022-2">2021-2022-2</option>
            <option value="2021-2022-1">2021-2022-1</option>
            <option value="2020-2021">2020-2021</option>
            <option value="2020-2021-2">2020-2021-2</option>
            <option value="2020-2021-1">2020-2021-1</option>
            <option value="2019-2020">2019-2020</option>
            <option value="2019-2020-2">2019-2020-2</option>
            <option value="2019-2020-1">2019-2020-1</option>
        </select>
    </form>
    <br>
    <button id="btn1" type="button" class="btn btn-primary">查询</button>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div class="xiaoacao_footer">
        <p>Copyright©2022-2024 <a href="http://www.pzhuweb.cn/" target="_blank">BY:WEB-KK</a> .All Rights Reserved</p>
    </div>
</center>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    $("#btn1").click(function () {
        $.ajax({
            url: "/api/co?" + $('#loginForm').serialize(),
            type: "get",
            success: function (data) {
                $("#visit").html(data);
            }
        })
    });
</script>
</html>